<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0,maximum-scale=1.0,  user-scalable=no" />
<meta name="format-detection" content="telephone=no, email=no" />
<meta name="apple-nobile-web-app-capable" content="yes" />

<meta name="keywords" content="标题说明" />
<meta name="description" content="标题说明" />
<title>首页</title>

<link type="text/css" rel="stylesheet" href="./css/common.css" />
<link type="text/css" rel="stylesheet" href="./css/index.css" />
<link type="text/css" rel="stylesheet" href="./css/fontCss/font-awesome.min.css" />
<link type="text/css" rel="stylesheet" href="./css/animations.css">



<style type="text/css">
    .main{
        margin-left: 255px;
    }
</style>

</head>

<body ng-app="app">

<div class="container">

    <div class="header clearfix">
        <div class="headerLogo fl"></div>

        <ul class="headerList fr">
            <li><a href="#">资源管理</a></li>
            <li><a href="#">平台管理</a></li>
            <li><a href="#">用户admin</a></li>
        </ul>
    </div><!-- end of header -->

    <div class="content clearfix">
        <div class="menus">
            <ul class="menusCont">
                <li>
                    <a href="index" class="menusCont_a">
                        <i class="fa fa-coffee"></i>概况
                        <i class="fa fa-caret-right fr"></i>
                    </a>
                </li>
                <li>
                    <a href="javascript:;" class="menusCont_a">
                        <i class="fa fa-cloud"></i>云主机
                        <i class="fa fa-caret-right fr"></i>
                    </a>
                    <div class="menusCont_sub">
                        <a href="hostCloud">实例</a>
                        <a href="#">主机快照</a>
                    </div>
                </li>
                <li>
                    <a href="javascript:;" class="menusCont_a">
                        <i class="fa fa-tasks"></i>应用市场
                        <i class="fa fa-caret-right fr"></i>
                    </a>
                    <div class="menusCont_sub">
                        <a href="#">环境</a>
                        <a href="marketApp">应用</a>
                    </div>
                </li>
            </ul>
        </div><!--end of menus -->

        <div class="main">
            <div ng-view class="mainCont clearfix view-animate"></div>
        </div><!-- end of main -->
    </div><!-- end of content -->

</div><!-- end of container -->

<script type="text/javascript" src="./js/jquery-1.7.2-min.js"></script>
<script type="text/javascript" src="./js/jq/echarts.min.js"></script>
<script type="text/javascript" src="./js/jq/jquery.goup.min.js"></script>
<script type="text/javascript" src="./js/common.js"></script>

<script src="./js/widgets/angular-1.6.0/angular.min.js" ></script>
<script src="./js/widgets/angular-1.6.0/angular-route.min.js" ></script>
<script src="./js/widgets/angular-1.6.0/angular-animate.min.js" ></script>
<script src="./js/app.js"></script>
<script type="text/javascript">
    angular.element(document.getElementsByTagName('head')).append(angular.element('<base href="' + window.location.pathname + '" />'));

    
window.onload=function(){
    reSize();
}

$(window).resize(function(){
    reSize();                         
});

function reSize(){
    var window_W = $(window).width();
    var window_H = $(window).height();

    $('.menus').css('min-Height',window_H-55);
    $('.main').width(window_W-243).css('min-width','857px');
}

//左侧菜单
$('.menusCont li a.menusCont_a').on('click',function(){
    $(this)/*.addClass('menusCont_on')*/.next().slideToggle('fast');
});
$('.menusCont li a').on('click',function(){
    $('.menusCont li a').removeClass('menusCont_on');
    $(this).addClass('menusCont_on');
});
</script>
</body>
</html>